<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
		<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css" />
		<link rel="stylesheet" href="css/base.css" />
		<link href="css/login.css" rel="stylesheet">
		<style>
			body {
				background-size: 100% 100%;
				background-attachment: fixed;
			}
			.btn-primary {
			    color: #666;
				background-color: #fff;
				border-color: #337ab7;
				width: 90px;
			}
			.container {
				margin: 0 auto;
				width: 500px;
				height: 650px;
				background: rgba(245, 245, 245, 0.7);
				text-align: center;
				border-radius: 19px;
				font-family: "幼圆";
				font-size: 20px;
				margin-top: 50px;
				position: relative;
			}
			
			#title {
				font-size: 32px;
				font-weight: 900;
				border-bottom: 1px solid #CCCCCC;
				padding: 20px;
				margin-bottom: 30px;
			}
			
			#register .row {
				margin-bottom: 20px;
			}
			
			.button:hover {
				box-shadow: 2px 2px 5px #888888;
				/*cursor: pointer;*/
			}
			label{
				font-weight: normal;
			}
		</style>
	</head>

	<body background="img/login_backgroud.jpg">
		<div class="container">
			<div id="title">班级成员注册</div>
			<form action="../RegisterServlet" method="post" class="form" id="register">
				
				
				<div class="row">
					<div class="col-md-3 col-md-offset-1"><label for="uname"> 用户名:</label></div>
					<div class="col-md-7"> <input class="form-control " type="text" name="uname" id="uname" placeholder="请输入用户名" required="required" /></div>
				</div>
				<div class="row">
					<div class="col-md-3 col-md-offset-1"><label for="password"> 密码:</label></div>
					<div class="col-md-7"> <input class="form-control " type="password" name="password" id="password" placeholder="请输入密码" required="required" /></div>
				</div>
				
				
				<div class="row">
					<div class="col-md-3 col-md-offset-1"> <label for="credit">学号:</label></div>
					<div class="col-md-7"> <input class="form-control " type="text" name="credit" id="credit" placeholder="请输入学号" required="required" /></div>
				</div>
				<div class="row">
					<div class="col-md-3 col-md-offset-1"> <label for="name">名字:</label></div>
					<div class="col-md-7"> <input class="form-control " type="text" name="name" id="name" placeholder="请输入名字" required="required" /></div>
				</div>
				<div class="row">
					<div class="col-md-3 col-md-offset-1"><label for="tel" class="aaa"> 手机号码:</label></div>
					<div class="col-md-7"> <input class="form-control " type="tel" name="tel" id="tel" placeholder="请输入电话号码" required="required" /></div>
				</div>
				<div class="row">
					<div class="col-md-3 col-md-offset-1"><label for="ID" class="aaa">身份证号:</label></div>
					<div class="col-md-7"> <input class="form-control" type="text" name="ID" id="ID" placeholder="请输入身份证号" required="required" /></div>
				</div>
				<div class="row">
					<div class="col-md-3 col-md-offset-1"><label for="email" class="aaa">邮箱地址:</label></div>
					<div class="col-md-7"> <input class="form-control" type="email" name="email" id="email" placeholder="请输入邮箱" required="required" /></div>
				</div>

				<div class="row">
					<div class="col-md-3 col-lg-offset-1 "><label for="email" class="aaa">选择性别:</label></div>
					<div class="col-md-7">
						<div id="user" class="btn-group" data-toggle="buttons">
							<label class="btn btn-primary active">
							<input type="radio" name="options" id="option1" value="男" checked="checked"> 男
						</label>
							<label class="btn btn-primary">
							<input type="radio" name="options" id="option2" value="女"> 女
						</label>
						</div>
					</div>
				</div>
				<div style="margin-top: 40px;">
					<input type="submit" class="btn btn-primary btn-group-lg" style="background-color:#337ab7; color: white;" value="提交" />
					<input type="reset" class="btn btn-primary btn-group-lg" style="background-color:#337ab7; color: white;"value="重置" />
				</div>
			</form>
		</div>
	</body>

</html>